﻿<!DOCTYPE html>
<html lang="en">
    <!-- saved from url=(0014)about:internet -->
<head>
<meta charset="UTF-8">
<title>jQuery仿百度搜索框下拉</title>

<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>

</head>
<body>

<div class="container">
    <div class="logo" style="background-image: url(img/baidu.png)"></div>
    <div class="input">
        <input type="text" placeholder="请输入要搜索的内容"  onKeyup="getContent(this)" autocomplete="off" id="search-input">
        <div class="picker">菜单</div>
    </div>
    <div class="search"></div>
    <ul class="picker-list" style="display: none;">
        <li style="background-image: url(img/ico_baidu.png)" data-logo="baidu.png">菜单</li>
        <li style="background-image: url(img/ico_bing.png)" data-logo="bing.png">DOC</li>
    </ul>
    <div class="hot-list"  style="display: none;"></div>    
</div>






<script type="text/javascript">
$(function(){
    helangSearch.init();
   
})
function getContent(obj) {
    var kw = obj.value.trim()
    console.log(kw);
}

</script>

</body>
</html>